<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="/css/bootstrap.css">
</head>

<body>
    <section class="container">
        <div class="content-wrap">
            <div class="content">
                <div id="focusslide" class="carousel slide" data-ride="carousel">
                    <!-- <div class="carousel-inner" role="listbox">
                        <ul>
                            <% banners.forEach(banner => {%>
                            <li>
                                <a href="<%=banner.href%>">
                                    <img src="<%=HTTP_ROOT%>/upload/<%=banner.src%>" alt="<%=banner.title%>">
                                </a>
                            </li>
                            <%})%>
                        </ul>
                    </div> -->
                    <div class="carousel-inner" role="listbox">
                        <%banners.forEach((banner,index)=>{%>
                        <div class="item <%if(index==0){%>active<%}%>">
                            <a href="<%=banner.href%>" target="_blank" title="<%=banner.title%>">
                                <img src="<%=HTTP_ROOT%>/upload/<%=banner.src%>" alt="<%=banner.title%>" class="img-responsive" />
                            </a>
                        </div>
                        <%})%>
                    </div>
                    <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">上一个</span>
                    </a>
                    <a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">下一个</span>
                    </a>
                </div>
                <div class="more">
                    <!-- 点击类目跳转到类目明细页面 -->
                    <% catalogs.forEach(catalog => {%>
                        <a href="<%=HTTP_ROOT%>/list/<%=catalog.ID%>" title="<%=catalog.title%>">
                            <%=catalog.title%>
                        </a>
                    <%})%>
                </div>
            </div>
        </div>
    </section>
</body>

</html>